import CreateAPI from 'vue-create-api'
import Vue from 'vue'
import Toast from '../components/common/Toast'
import Popup from '../components/common/Popup'
import GroupDialog from '../components/shelf/ShelfGroupDialog'

// 可以api的形式调用toast,在vue上挂载一个CreateAPI方法
Vue.use(CreateAPI)
// 用api的形式调用Toast
Vue.createAPI(Toast, true)
Vue.createAPI(Popup, true)
Vue.createAPI(GroupDialog, true)
Vue.mixin({
  // 定义的全局方法，通过APi的形式调用组件
  methods: {
    // toast(settings) {
    //   console.log('toast')
    //   // creatAPI方法,创建toast组件，调用toast逐渐的show(),展示弹窗
    //   // return this.$createToast({
    //   //   // 传入到组件toast里的参数
    //   //   $props: settings
    //   // })
    //   Toast.$create({
    //     $props: { title: 'toast' }
    //   })
    // },
    popup(settings) {
      return this.$createPopup({
        $props: settings
      })
    },
    dialog(settings) {
      return this.$createGroupDialog({
        $props: settings
      })
    }
  }
})
